<script setup>
import { RouterLink, RouterView } from 'vue-router';
</script>

<template>
    <div>
        <h2>App Main</h2>
        <RouterLink to="/List" active-class="active">List</RouterLink>
        <!-- <RouterLink to="/User/2" active-class="active">UserId=2</RouterLink> -->
        <!-- <RouterLink to="/User/3" active-class="active">UserId=3</RouterLink> -->
        <hr>
        <RouterView></RouterView>
    </div>
</template>

<style scoped>
.active {
    color: red;
}
</style>